Vue.component("nav-app", {
    // 声明 props
    props: ["dgIndexMenu"],
    // 同样也可以在 vm 实例中像 "this.message" 这样使用
    template: `
        <div class="contain">
            <div class="all-classify" style="background: #bc082b;">
                全部图书分类<i></i>
                <div class="list" style="display: none;">
                    <dl>
                        <dt>
                            <a href="/">热点</a>
                        </dt>
                        <dd>
                            <a href="/"
                               title="每月铿锵点书推荐 " target="_blank">
                                每月铿锵点书推荐 |
                            </a>
                            <a href="/"
                               title="名家散文经典" target="_blank">
                                名家散文经典 |
                            </a>
                            <a href="/"
                               title="中小学字帖" target="_blank">
                                中小学字帖 |
                            </a>
                            <a href="/" title="文创产品" target="_blank">
                                文创产品 |
                            </a>
                            <a href="/"
                               title="杨红樱" target="_blank">
                                杨红樱 |
                            </a>
                            <a href=""
                               title="东野圭吾 " target="_blank">
                                东野圭吾 |
                            </a>
                            <a href="/"
                               title=" 小屁孩日记" target="_blank">
                                小屁孩日记 |
                            </a>
                        </dd>
                    </dl>
                    <dl v-for="indexMenu in dgIndexMenu">
                        <dt>
                            <a href="/" v-text="indexMenu.name"></a>
                        </dt>
                        <dd>
                            <a v-for="menu in indexMenu.childrenMenu" href="#"
                               :title="menu.name" target="_blank" v-text="'  '+menu.name+' |'">
                                  |
                            </a>
                        </dd>
                    </dl>
    
                    <dl style="text-align:right;background-image:none;">
                        <dt>
                            <a href="/">全部图书分类</a>
                        </dt>
                    </dl>
    
                </div>
    
            </div>
    
            <!-- Todo xlw nav problem -->
    
            <ul>
                <li class="cur"><a href="/" class="current">首页</a></li>
                <li><a href="/views/yjy_xsys">新书预售</a></li>
                <li><a href="/views/lgd_xsjx">新书精选</a></li>
                <li><a href="/views/lgd_thts">特惠图书</a></li>
                <li><a href="/views/laf_cxts">畅销图书</a></li>
                <li><a href="/views/hyj_kssd">考试书店<img src="/yjy/img/hot.gif"></a></li>
                <li><a href="/views/tby_xlqqb">限量亲签版</a></li>
                <!--<li><a href="http://www.gzebook.cn/">电子书</a></li>
                <li><a href="http://www.gg1994.com/Info/AllInfoList.do">招聘信息</a></li>-->
            </ul>
        </div>
    `
})